<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>BSTO ACP - Category Management</title> 
<script type="text/javascript">
    var fileLoadingImage = "/site_media/backend/images/loading.gif";		
    var fileBottomNavCloseImage = "/site_media/backend/images/closelabel.gif";
    var varUploadBtn = "/site_media/backend/images/forms/upload_file.gif";
    var ImageURL = "/site_media/backend/images/forms/calendarIcon.jpg";
    var NextURL = "/site_media/backend/images/forms/calendarNext.gif";
    var PrevURL = "/site_media/backend/images/forms/calendarPrev.gif";
    var ajaxUrl = "http://localhost/f.war/admincp/";
    var bookPath = "http://localhost/f.war/admincp/book";
</script>
<link rel="stylesheet" href="/site_media/backend/css/datePicker.css" type="text/css" media="screen" />
                <link rel="stylesheet" href="/site_media/backend/css/screen.css" type="text/css" media="screen" />
                <link rel="stylesheet" href="/site_media/backend/css/jquery.autocomplete.css" type="text/css" media="screen" />
                <link rel="stylesheet" href="/site_media/backend/css/custom.css" type="text/css" media="screen" />
                <link rel="stylesheet" href="/site_media/backend/css/style.css" type="text/css" media="screen" />
                <link rel="stylesheet" href="/site_media/backend/css/dong.css" type="text/css" media="screen" />
                <script src="/site_media/backend/js/jquery-1.6.2.min.js" type="text/javascript"></script>
                 <script src="/site_media/backend/js/jquery-ui-personalized-1.5.2.packed.js" type="text/javascript"></script>
                 <script src="/site_media/backend/js/ui.checkbox.js" type="text/javascript"></script>
                 <script src="/site_media/backend/js/jquery.bind.js" type="text/javascript"></script>
                 <script src="/site_media/backend/js/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
                 <script src="/site_media/backend/js/jquery.filestyle.js" type="text/javascript"></script>
                 <script src="/site_media/backend/js/jquery.tooltip.js" type="text/javascript"></script>
                 <script src="/site_media/backend/js/jquery.dimensions.js" type="text/javascript"></script>
                 <script src="/site_media/backend/js/date.js" type="text/javascript"></script>
                 <script src="/site_media/backend/js/jquery.datePicker.js" type="text/javascript"></script>
                 <script src="/site_media/backend/js/jquery.pngFix.pack.js" type="text/javascript"></script>
                 <script src="/site_media/backend/js/main.js" type="text/javascript"></script>
                 <script src="/site_media/backend/js/jquery.tablesorter.js" type="text/javascript"></script>
                 <script src="/site_media/backend/js/custom_jquery.js" type="text/javascript"></script>
                 <script src="/site_media/backend/js/jquery.validate.min.js" type="text/javascript"></script>
                 <script src="/site_media/backend/js/jquery.autocomplete.js" type="text/javascript"></script>
                 <script src="/site_media/backend/js/jquery.form.js" type="text/javascript"></script>
                 <script src="/site_media/backend/js/highcharts.js" type="text/javascript"></script>
                 <script src="/site_media/backend/js/modules_highcharts/exporting.js" type="text/javascript"></script>
                 <script src="/site_media/backend/js/calendarDateInput.js" type="text/javascript"></script>
                 <script src="/site_media/backend/js/all.js" type="text/javascript"></script>
                 <script src="/site_media/backend/js/sprinkle.js" type="text/javascript"></script>
                 <script src="/site_media/backend/js/jquery.cookie.js" type="text/javascript"></script>
 


</head>

<body>

{% autoescape off %}

	<!-- Start: page-top-outer -->

<div id="page-top-outer">    

<!-- Start: page-top -->
<div id="page-top">

	<!-- start logo -->
	<div id="logo">
	<a href="{{rootPath}}/backend"><img src="/site_media/backend/images/shared/logo.png" width="100" height="40" alt="" /></a>
	</div>
	<!-- end logo -->
	<!--  start top-search -->
 	<!--  end top-search -->
 	<div class="clear"></div>
</div>
<!-- End: page-top -->
</div>
<!-- End: page-top-outer -->
<div class="clear">&nbsp;</div>
<!--  start nav-outer-repeat................................................................................................. START -->
<div class="nav-outer-repeat"> 
<!--  start nav-outer -->
<div class="nav-outer">
		<!-- start nav-right -->
		<div id="nav-right">
			<div id="welcome">Welcome, {{loged}}</div>
			<div class="nav-divider">&nbsp;</div>
			<div id="welcome"><a href="{{rootPath}}">Book Store</a></div>
			<div class="nav-divider">&nbsp;</div>
			<a href="{{rootPath}}/logout" id="logout"><img src="/site_media/backend/images/shared/nav/nav_logout.png" width="73" height="29" alt="" /></a>
			<div class="clear">&nbsp;</div>
		</div>
		<!-- end nav-right -->


		<!--  start nav -->
		<div class="nav">
		<div class="table">
        		<div class="nav-divider">&nbsp;</div>
		    
        <ul {% block users_selected %}{% endblock %}class="select"><li><a href="{{rootPath}}/backend/user/view/"><b>Users</b><!--[if IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<div class="select_sub show">
			<ul class="sub">
				<li><a href="{{rootPath}}/backend/user/view/">View all users</a></li>
				
			</ul>
		</div>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		</ul>
		
        <div class="nav-divider">&nbsp;</div>
                        
        <ul {% block category_selected %}{% endblock %} class="select"><li><a href="{{rootPath}}/backend/category/view/"><b>Categories</b><!--[if IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<div class="select_sub show">
			<ul class="sub">
				<li><a href="{{rootPath}}/backend/category/view/">View all categories</a></li>
				<li><a href="{{rootPath}}/backend/category/add/new">Add category</a></li>
			</ul>
		</div>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		</ul>
		
		<div class="nav-divider">&nbsp;</div>

		<ul {% block book_selected %}{% endblock %} class="select"><li><a href="{{rootPath}}/backend/book/view/"><b>Books</b><!--[if IE 7]><!--></a><!--<![endif]-->

		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<div class="select_sub show">
			<ul class="sub">
				<li><a href="{{rootPath}}/backend/book/view/">View all books</a></li>
				<li><a href="">Add book</a></li>
			</ul>
		</div>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		</ul>
		
		<div class="nav-divider">&nbsp;</div>
		
		<ul {% block static_selected %}{% endblock %} class="select"><li><a href="{{rootPath}}/backend/static/view"><b>Static</b><!--[if IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<div class="select_sub show">
			<ul class="sub">
				<li><a href="{{rootPath}}/backend/static/view/">View all statics</a></li>			 
<!--				<li><a href="http://localhost/fwar/admincp/static/add/new">Add static</a></a></li>-->
			</ul>
		</div>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		</ul>
		
		<div class="nav-divider">&nbsp;</div>
		
		<ul {% block setting_selected %}{% endblock %} class="select">
		<li><a href="{{rootPath}}/backend/setting/view/"><b>Settings</b><!--[if IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<div class="select_sub">
			<ul class="sub">
				<li><a href="{{rootPath}}/backend/setting/view/">View all settings</a></li>
<!--				<li><a href="http://localhost/fwar/admincp/config/add/new">Add setting</a></a></li>-->
			</ul>
		</div>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		</ul>
		
		<div class="nav-divider">&nbsp;</div>
		
		<ul class="select">
		<li><a href=""><b>Dashboard</b><!--[if IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<div class="select_sub">
			<ul class="sub">
				<li><a href="">View Dashboard</a></li>
			</ul>
		</div>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		</ul>
		
		
		

		<div class="clear"></div>
		</div>
		<div class="clear"></div>
		</div>
		<!--  start nav -->

</div>
<div class="clear"></div>
<!--  start nav-outer -->
</div>
<!--  start nav-outer-repeat................................................... END -->
 
 <div class="clear"></div>
	<!-- start content-outer -->
	<div id="content-outer">
		<!-- start content -->
		<div id="content">
			<div id="page-heading">
				<h1>{% block tittle %}{% endblock %}</h1>
			</div>
			<table border="0" width="100%" cellpadding="0" cellspacing="0"
				id="content-table">
				<tr>
					<th rowspan="3" class="sized"><img
						src="/site_media/backend/images/shared/side_shadowleft.jpg" width="20"
						height="300" alt="" /></th>
					<th class="topleft"></th>
					<td id="tbl-border-top">&nbsp;</td>
					<th class="topright"></th>
					<th rowspan="3" class="sized"><img
						src="/site_media/backend/images/shared/side_shadowright.jpg" width="20"
						height="300" alt="" /></th>
				</tr>
				<tr>
					<td id="tbl-border-left"></td>
					<td>
						<!--  start content-table-inner -->
						<div id="content-table-inner">
							<!--  start table-content  -->
							{% block table_content %}{% endblock %}						
							<div class="clear"></div>
						</div> <!--  end content-table-inner  -->
					</td>
					<td id="tbl-border-right"></td>
				</tr>
				<tr>
					<th class="sized bottomleft"></th>
					<td id="tbl-border-bottom">&nbsp;</td>
					<th class="sized bottomright"></th>
				</tr>
			</table>
			<div class="clear">&nbsp;</div>
		</div>
		<!--  end content -->
	<div class="clear">&nbsp;</div>
	</div>
	<!--  end content-outer -->
	<div class="clear">&nbsp;</div>
	<!-- start footer -->         
<div id="footer">
	<!--  start footer-left -->
	<div id="footer-left">
	BSTO Administrator Control Panel. &copy; 2011.
	<!--  end footer-left -->
	<div class="clear">&nbsp;</div>
</div>
<!-- end footer -->
{% endautoescape %}
</body>
</html>

